<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<link rel="icon" type="image/x-icon" href="./favicon.png" />
		<title>itRoom(io)</title>
		<link rel="stylesheet" href="style.css" />
		<script defer src="./app.js"></script>
	</head>
	<body>
		<div class="popup-greet">
			<h2 class="log">
				itRoom<span class="marker-brackets">(</span
				><span class="marker-io">io</span><span class="marker-brackets">)</span>
			</h2>
			<section>
				<p>
					Со времени появления
					<span class="rainbow-text">интернета</span> жизнь человека изменилась
				</p>
			</section>
			<button id="start">Узнать больше</button>
		</div>
		<div class="wrapper">
			<h2 class="log">
				itRoom<span class="marker-brackets">(</span
				><span class="marker-io">io</span><span class="marker-brackets">)</span>
			</h2>
			<div class="content"></div>
			<h2 class="bottom">
				<span class="red">С</span><span class="yellow">К</span
				><span class="green">О</span><span class="blue">Р</span
				><span class="violet">О</span>
			</h2>
		</div>

		<audio id="mus" src="./vibe.mp3" autoplay loop></audio>
		<button id="mus-control">
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
			<span class="ion"></span>
		</button>
	</body>
</html>
